*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0}
body,p,ul,h1,h2,h3,h4,h5,h6,th,td{margin:0;padding:0}
th{font-weight:400}
li{list-style:none}
a{text-decoration:none}
body{font-family: '华文细黑', sans-serif;font-size:14px;background:#2772a9}
.hide{display:none!important}
.btn{display:block;font-size:16px;line-height:39px;text-align:center;border:1px solid;border-radius:5px;}
.btn.btn-normal{color:#666;border-color:#ccc}
.btn.btn-primary{color:#571924;background-color:#fee119;border-color:#D7BD0E}
.btn.disabled{opacity:.4}
.ko{margin: 225px 55px 0;}
.ticket-info{padding:30px 15px 0px;}
.ticket-info .graph{position:relative;height:74px;padding-top:80px;margin-bottom:15px;background:no-repeat center top;-webkit-background-size:auto 100%;background-size:auto 100%}
.ticket-info .graph-container{position:relative;text-align:center}
.ticket-info .graph-container img.background{width:290px}
.ticket-info .graph-container .text{position:relative;width:100%;left:0;top: 210px;}
.ticket-info .graph,.ticket-info .graph-container{color:#571924}
.ticket-info .graph .title,.ticket-info .graph-container .title{text-align:center;margin-bottom:5px;line-height:1.3;font-size:24px}
.ticket-info .graph .amount,.ticket-info .graph-container .amount{text-align:center;font-size:72px;line-height:1;padding-bottom: 5px;position: relative}
.ticket-info .graph .amount,.ticket-info .graph-container .amount .dollor{ display:inline-block;font-size:14px;position: relative; top: -40px}
.ticket-info .graph .desc,.ticket-info .graph-container .desc{text-align:center;font-size: 18px;font-weight:bold;}
.ticket-info .graph .title+.desc,.ticket-info .graph-container .title+.desc{font-size:12px}
.ticket-info h1{margin-top:5px;margin-bottom:5px;font-size:20px;line-height:1.4;color:#333;text-align:center}
.ticket-info p{font-size:13px;line-height:1.5;color:#666;text-align:center}
.ticket-info .actions{margin-top:224px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:240px}
.ticket-info .actions .btn{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;width:120px;margin-left:50px}
.ticket-info .remark{font-size:13px;line-height:1.5;color:#fee119;text-align:center;}
.ticket-info .graph-container img.topLogo{width:170px}

.ticket-info .graph-container .text{top: 210px;}
.next{ margin-top: 30px; }
.out{ display: none; }
.ko{margin: 430px 85px 0;}
.pn{ margin-top: 230px; }

/* 竖屏 */
@media all and (orientation : portrait) and (max-width: 320px) {
    .ticket-info .graph-container .text{top: 210px;}
    .ko{margin: 250px 55px 0;}
    .pn{ margin-top: 230px; }
}

@media all and (orientation : portrait) and (min-width: 321px) and (max-width: 375px) {
    .ticket-info .graph-container .text{top: 270px;}
    .ko{margin:325px 70px 0;}
    .pn{ margin-top: 300px; }
}

@media all and (orientation : portrait) and (min-width: 376px) and (max-width: 480px) {
    .ticket-info .graph-container .text{top: 315px;}
    .ko{margin:380px 80px 0;}
    .pn{ margin-top: 350px; }
}

/* 横屏 */
@media all and (orientation : landscape) and (max-width: 480px) {
    .ticket-info .graph-container .text{top: 390px;}
    .ko{margin: 450px 85px 0;}
    .pn{ margin-top: 450px; }
}

@media all and (orientation : landscape) and (min-width: 490px) and (max-width: 568px) {
    .ticket-info .graph-container .text{top: 490px;}
    .ko{margin: 580px 105px 0;}
    .pn{ margin-top: 550px; }
}

@media all and (orientation : landscape) and (min-width: 569px) and (max-width: 667px) {
    .ticket-info .graph-container .text{top: 600px;}
    .ko{margin: 720px 120px 0;}
    .next{ margin-top: 50px; }
    .pn{ margin-top: 680px; }
}

@media all and (orientation : landscape) and (min-width: 668px) and (max-width: 736px) {
    .ticket-info .graph-container .text{top: 680px;}
    .ko{margin: 820px 130px 0;}
    .next{ margin-top: 50px; }
    .pn{ margin-top: 780px; }
}